<!--
 * @Author: lsmi
 * @Date: 2021-09-05 10:25:57
 * @LastEditors: lsmi
 * @LastEditTime: 2021-09-12 11:21:40
 * @FilePath: \v2_play_js\src\components\message\index.vue
-->
<!--  -->
<template>
  <div class="message" v-show="show">
    {{ message }}
  </div>
</template>

<script>
export default {
  components: {},
  data() {
    return {
      message: "",
      show: false,
    };
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {},
};
</script>
<style lang="scss" scoped>
.message {
  position: fixed;
  bottom: 20px;
  right: 20px;
  border: 1px solid;
  @apply text-base border border-rose-500 rounded shadow-sm p-4 text-emerald-500;
}
</style>
